<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta charset="UTF-8">
    <title>房屋信息系统</title>
    <link rel="stylesheet" href="../css/bootstrap.min.css" />
    <script src="../js/bootstrap.min.js"></script>
    <script src="../js/vue.js"></script>

    <script src="http://cdn.static.runoob.com/libs/jquery/2.1.1/jquery.min.js"></script>
    <script src="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/js/bootstrap.min.js"></script>

    <link rel="stylesheet" href="../css/index.css" />
</head>
<body>
<div>
    <div style="position:fixed;background: #fff;width: 600px;top: 0px;padding-top: 0px">
        <br>
            <ul class="nav nav-tabs">
                <li class="active">
                    <a href="1-thismonth.html">本月账单</a>
                </li>
                <li>
                    <a href="2-history.html">历史数据</a>
                </li>

            </ul>
    </div>

    <div style="width: 500px;padding-left: 50px;">
        <h2>4月</h2>
        <table class="table table-striped">
            <thead>
            <tr>
                <th>
                    项目
                </th>
                <th>
                    上月读数
                </th>
                <th>
                    当月抄表
                </th>
                <th>
                    消费量
                </th>
                <th>
                    金额
                </th>
            </tr>
            </thead>
            <tbody>
            <tr>
                <td>
                    <label>水费</label>
                </td>
                <td>
                    <label>2344</label>
                </td>
                <td>
                    <label>3249</label>
                </td>
                <td>
                    <label>100</label>
                </td>
                <td>
                    <label>740</label>元
                </td>
            </tr>

            <tr>
                <td>
                    <label>电费</label>
                </td>
                <td>
                    <label>678</label>
                </td>
                <td>
                    <label>34</label>
                </td>
                <td>
                    <label>100</label>
                </td>
                <td>
                    <label>71.5</label>元
                </td>
            </tr>
            <tr>
                <td>
                    <label>燃气费</label>
                </td>
                <td>
                    <label>678</label>
                </td>
                <td>
                    <label>34</label>
                </td>
                <td>
                    <label>100</label>
                </td>
                <td>
                    <label>71.5</label>元
                </td>
            </tr>

            </tbody>
        </table>

        <div style="text-align:right;">
            <button class="btn btn-primary" data-toggle="modal">
                支付
            </button>
        </div>

    </div>





</body>
</html>